<div cdkTabs class="example-tabs">
  <ul cdkTabList class="example-tablist" tab="tab-1" disabled>
    <li cdkTab value="tab-1" class="example-tab">tab 1</li>
    <li cdkTab value="tab-2" class="example-tab">tab 2</li>
    <li cdkTab value="tab-3" class="example-tab">tab 3</li>
    <li cdkTab value="tab-4" class="example-tab">tab 4</li>
    <li cdkTab value="tab-5" class="example-tab">tab 5</li>
  </ul>

  <div cdkTabPanel value="tab-1" class="example-tabpanel">
    <ng-template cdkTabContent>Tabpanel 1</ng-template>
  </div>

  <div cdkTabPanel value="tab-2" class="example-tabpanel">
    <ng-template cdkTabContent>Tabpanel 2</ng-template>
  </div>

  <div cdkTabPanel value="tab-3" class="example-tabpanel">
    <ng-template cdkTabContent>Tabpanel 3</ng-template>
  </div>

  <div cdkTabPanel value="tab-4" class="example-tabpanel">
    <ng-template cdkTabContent>Tabpanel 4</ng-template>
  </div>

  <div cdkTabPanel value="tab-5" class="example-tabpanel">
    <ng-template cdkTabContent>Tabpanel 5</ng-template>
  </div>
</div>
